<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Ratchet template page</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- inject:css -->
    <link rel="stylesheet" href="../../../tmp/lib/ratchet/dist/css/ratchet.min.css">
    <!-- endinject -->
    <!-- inject:business:css -->
    <link rel="stylesheet" href="../../css/district/district.css?v=mbPQl9">
    <!-- endinject -->
    <style>
        .ng-cloak{display:none;}
    </style>
</head>

<body ng-app="district" ng-controller="districtCtrl">

    <header class="bar bar-nav">
        <h1 class="title">商圈</h1>
    </header>

    <div class="content" style="margin-bottom: 50px;">
        <ul class="table-view">
            <li class="table-view-cell" ng-cloak class="ng-cloak" ng-repeat="shop in shop_list">
                <a class="navigate-right">
                    <img class="media-object district-icon pull-left" src="{{ shop.photo_url }}">
                    <div class="media-body">
                        <div class='pull-left district-left'>
                            <h5 class="oneline-text" ng-bind="shop.name"></h5>
                            <p class="oneline-text"><lable ng-bind="shop.address.address"></lable></p>
                        </div>

                        <div class='pull-right text-right district-right'>
                            <h5 class="oneline-text">人均:¥ <span ng-bind="shop.avg_price / 1000.0"></span></h5>
                            <p ng-show="shop.distance" class="oneline-text"><lable><span ng-bind="shop.distance / 1000.0"></span> km</lable></p>
                        </div>
                    </div>
                </a>
                <div class="coupon pull-left" style="margin-top: 10px" ng-show="shop.goods_list">
                    <img class="pull-left" src="http://placehold.it/16x16" style="margin-top: 2px" />
                    <p class="pull-left" style="margin-left:.6em" ng-bind="shop.goods_list[0].name"> </p>
                </div>
            </li>
        </ul>
    </div>
    <nav class="bar bar-tab">
        <a class="tab-item" href="../../index.html" data-transition="slide-in">
            <span class="icon icon-home"></span>
            <span class="tab-label">新城势</span>
        </a>
        <a class="tab-item active" href="#">
            <span class="icon icon-star-filled"></span>
            <span class="tab-label">商圈</span>
        </a>
        <a class="tab-item" href="#">
            <span class="icon icon-search"></span>
            <span class="tab-label">发现</span>
        </a>
        <a class="tab-item" href="#">
            <span class="icon icon-person"></span>
            <span class="tab-label">我</span>
        </a>
    </nav>
    <!-- inject:js -->
    <script src="../../../tmp/lib/angular/angular.min.js"></script>
    <script src="../../../tmp/lib/zepto/zepto.min.js"></script>
    <script src="../../../tmp/lib/ratchet/dist/js/ratchet.min.js"></script>
    <!-- endinject -->
    <!-- inject:business:js -->
    <script src="../../js/district/district.js?v=PuB68a"></script>
    <!-- endinject -->
</body>

</html>
